<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>{% block title %}Connect People{% endblock %}</title>
                <link rel="stylesheet" href="/{{ media_url }}contifyuser/css/blueprint/screen.css" type="text/css" media="screen, projection" />
                <link rel="stylesheet" href="/{{ media_url }}contifyuser/css/blueprint/print.css" type="text/css" media="print" />
                <link rel="stylesheet" href="/{{ media_url }}contifyuser/css/blueprint/ie.css" type="text/css" media="screen, projection"/><![endif]-->
                <link rel="stylesheet" href="/{{ media_url }}contifyuser/css/contify.css" type="text/css" media="screen, projection" />
                <link href="/{{ media_url }}contifyuser/css/tipsy.css" media="screen, projection" rel="stylesheet" type="text/css"/>
                <link href="/{{ media_url }}contifyuser/css/front.css" media="screen, projection" rel="stylesheet" type="text/css"/>    
                <link href="/{{ media_url }}StartGroup/css/group.css" media="screen, projection" rel="stylesheet" type="text/css"/>    

                {% block extracss %}{% endblock %}
                <script src="/{{ media_url }}contifyuser/js/jquery-1.4.2.min.js" type="text/javascript"></script>
                <script src="/{{ media_url }}contifyuser/js/jquery.pop.js" type="text/javascript"></script>
                <script type="text/javascript">
                    $(document).ready(function() {

                    $(".signin").click(function(e) {          
                            e.preventDefault();
                    $("fieldset#signin_menu").toggle();
                            $(".signin").toggleClass("menu-open");
                         });
                    
                    $("fieldset#signin_menu").mouseup(function() {
                            return false
                    });
                    $(document).mouseup(function(e) {
                            if($(e.target).parent("a.signin").length==0) {
                                    $(".signin").removeClass("menu-open");
                                    $("fieldset#signin_menu").hide();
                            }
                    });			
                    
                 });
                </script>
                {% block extrajs %}{% endblock %}

                <meta name="robots" content="{% block robots %}index,follow{% endblock %}" />
                
</head>

<body>
    <div class="connectpeople">
        <div class="headerContainer">
            <div class="nobreak">            
                <div><a style="text-decoration: none;" href="/connectpeople/home"><span class="headerTitle"><strong>Connect People</strong></span></a></div>
                <div class="headerTagLine">Meet | Learn | Share | Enjoy</div>
            </div>
            
            <div id="container">
                {% if not user.is_authenticated %}
                <div class="nobreak">
                    <div id="topnav" class="topnav"> Have an account? <a href="#" class="signin"><span>Sign in</span></a> </div>
                    {% if signin_form.errors %}
                    <p>Your email id and password didn't match. Please try again.</p>
                    {% endif %}
                    <form method="post" id="signin" action="{% url contifyuser.views.viewprofile %}">
                        <fieldset id="signin_menu">
                            <p>
                            Email Id
                            {{ signin_form.username }}
                            </p>
                            <p>
                            {{ signin_form.password.label_tag }}
                            {{ signin_form.password }}
                            </p>
                            <p>
                                <input id="signin_submit" value="Sign in" tabindex="6" type="submit">
                            </p>
                    </form>
                            <p class="forgot"> <a href="/connectpeople/registration/password/reset" id="resend_password_link">Forgot your password?</a> </p>
                          </form>
                        </fieldset>
                </div>            
                <div class="topnavSeperation">
                    <!--<li><a href="{% url contifyuser.views.viewprofile %}">Profile</a></li>-->
                    <span class="topnavSeperation"><a href="{% url registration.views.register %}">Register</a></span>
                    <span class="topnavSeperation"><a href="{% url StartGroup.views.startNewGroupForm %}">Start Group</a></span>
                </div>
                {% endif %}
            </div>
        </div>
    
        {% block content %}
        <div class="clearfix main">
            <div class="trioSize trio1Color">
                Test
            </div>
            <div class="trioSpacing">
                <div class="trio23Size trio2">
                    Test
                </div>
                <div class="trio23Size trio3">
                    Test
                </div>
            </div>
        </div>
        {% endblock %}
    </div>
</body>
</html>
